input
This block is part of the state ui group and was last modified in core v14.0.1.
Field Selection Required
This block relies on a field that you select to perform its data actions. You must manually select the field you want to use in your flow using the field selector modal. To access the modal, click the white button on the block.
input v13.0.1 Updated v14.0.1Generates a basic input. The field will be used as state key, prefixed with the form.
- form id required
valueA unique ID for the form this field is used in.
- type
valueThe type of input to display, can be any regular type like
textorpassword. - class
uiclassAssigns a CSS class to the element. • Hidden when unused
- style
uistyleApplies inline CSS style to the element • Hidden when unused
- attributes
uiattributesAdds custom attributes to the element. • Hidden when unused
- events
v14.0.1stateeventsAdds event support to the element • Hidden when unused
- state
stateReturns the element to the frontend state.
A typical wiring for input: value feeds the form_id pin; placeholder feeds the uiattributes pin; custom feeds the uiclass pin; the state out pin feeds div.
Commonly used with
In production blueprints, this block is most often wired together with:
- div: this block feeds into it. Creates a dynamic and customizable div element on your web page.
- value: feeds into this block. Simply returns the provided value.
- placeholder: feeds into this block. Set the placeholder of the element.
- custom: feeds into this block. Custom class input.
Version history
Introduced in v13.0.1.
Last modified in v14.0.1.
v13.0.6, click here to see the release notes. Back to
state ui Return to the main group to view all sub-groups Back to state elements Return to the group to view all blocks within this group